<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>海尔首页</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- min_nav start -->
    <div class="w clearfix">
        <div class="min_nav clearfix">
            <p>请<a href="#" class="denglu">登录</a>新用户? <a href="#" class="zhuce">马上注册</a></p>
        </div>
    </div>
    <!-- min_nav end -->
    <!-- nav_box start-->
    <div class="w clearfix  .nav_box">
        <h1>
            <a href="#">
                <div class="logo">
                    "海尔"
                </div>
            </a>
        </h1>
        <ul class="nav">
            <li>消费类产品</li>
            <li>商业类产品</li>
            <li>解决方案 </li>
            <li>服务与支持</li>
            <span class="nav_2"><img src="img/tc.png" alt=""></span>
            <input class="ipt" type="search" name="" id="so" value="请输入搜索关键词"><label for="so" class="sousuo"></label>
        </ul>
    </div>

    <!-- nav_box end -->
    <!-- max_nav start -->
    <div class="max_nav">
        <div class="w">
            <ul>
                <li></li>
                <li><a href="#">冰箱冷柜</a></li>
                <li><a href="#"></a></li>
                <li><a href="#">洗衣机</a></li>
                <li><a href="#"></a></li>
                <li><a href="#">空调</a></li>
                <li><a href="#"></a></li>
                <li><a href="#">彩电</a></li>
                <li><a href="#"></a></li>
                <li><a href="#">热水器</a></li>
                <li><a href="#"></a></li>
                <li><a href="#">厨房电器</a></li>
                <li><a href="#"></a></li>
                <li><a href="#">整体厨房</a></li>
                <li><a href="#"></a></li>
                <li><a href="#">整体衣柜</a></li>
                <li><a href="#"></a></li>
                <li><a href="#">生活彩电</a></li>
                <li><a href="#"></a></li>
                <li><a href="#">电脑</a></li>
                <li><a href="#"></a></li>
                <li><a href="#">手机数码</a></li>
                <li><a href="#"></a></li>
                <li><a href="#">智能云家电</a></li>
                <li><a href="#"></a></li>
            </ul>
        </div>
    </div>
    <!-- max_nav  end-->
    <!-- banner start -->
    <div class="banner">
    </div>
    <!-- banner end -->
    <div class="min_banner_box">
        <div class="W min_banner">
            <div class="min_banner_text">
                <dd><a href="#">冰箱冷柜</a> </dd>
                <dd><a href="#">洗衣机 </a> </dd>
                <dd><a href="#">空调 </a> </dd>
                <dd><a href="#">热水器 </a></dd>
                <dd><a href="#">彩电 </a> </dd>
                <dd><a href="#">厨电厨房</a> </dd>
            </div>
        </div>
    </div>
    <!-- banner end -->
    <!-- text start -->
    <div class="w">
        <div class="text">
            <span class="xian"></span>
            <span class="text_text">精彩互动 邀你进入</span>
            <span class="xian"></span>
        </div>
    </div>
    <!-- text end  -->
    <div class="w clearfix">
        <div class="dt">
            <a href="#"><span>海尔社区</span></a>
            <a href="#"><span>新浪微博</span></a>
            <a href="#"><span>营销活动</span></a>
        </div>
        <div class="dd">
            <div class="dd_dd">
                <a href="#" class="dlg"><img src="img/dd1.png" alt=""></a>
                <h3><a href="#" class="h3">【大家电集中营】</a><span>冰箱冷藏室内有积水的原因</span></h3>
                <p> 常常看到有人在社区抱怨说冰箱内部积水，那么，积水的原因就一定是产品质量问题嘛？快来这<br>
                    里看一看！</p>
            </div>
            <div class="bottom_dd clearfix">
                <img src="img/bdd.png" alt="">
                <h3>海尔粉丝聚集地，一起来交流吧！</h3>
                <ul>
                    <li>交流吧<br>
                        首页</li>
                    <li>交流吧<br>
                        首页</li>
                    <li>交流吧<br>
                        首页</li>
                    <li>交流吧<br>
                        首页</li>
                    <li>交流吧<br>
                        首页</li>
                    <li>交流吧<br>
                        首页</li>
                    <li>交流吧<br>
                        首页</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- end -->
    <!-- banner2 start -->
    <div class="banner2 clearfix">
        <div class="w">
            <div class="text">
                <span class="xian"></span>
                <span class="text_text">新品抢先 经典推荐</span>
                <span class="xian"></span>
            </div>
            <a href="#">
                <p class="banner2_box">
                    智能家电
                </p>
            </a>
            <a href="#">
                <p class="banner2_box">
                    美味厨房
                </p>
            </a>
            <a href="#">
                <p class="banner2_box">
                    数码生活
                </p>
            </a>
            <a href="#">
                <p class="banner2_box">
                    白色格调
                </p>
            </a>
            <div class="box_img">
                <img class="imgb1" src="img/b1.png" alt="">
                <img class="imgb2" src="img/b2.png" alt="">
                <img class="imgb3" src="img/b3.png" alt="">
                <img class="imgb4" src="img/b4.png" alt="">
                <img class="imgb5" src="img/b5.png" alt="">
            </div>
            <div class="pimg">
                <img class="pi1" src="img/pi1.png" alt="">
                <img class="pi2" src="img/pi2.png" alt="">
                <img class="pi3" src="img/pi3.png" alt="">
            </div>

        </div>
    </div>
    <!-- end -->
    <div class="module">
        <div class="w module">
            <div class="module_box">
                <h3>海尔创意工场</h3>
                <p>分享你的创意，为别人的创意投<br>
                    票看海尔怎样把创意变成现实</p>
                <p><a href="#">> 了解更多</a></p>
            </div>
            <div class="module_box">
                <h3>家居体验馆</h3>
                <p>分享你的创意，为别人的创意投<br>
                    票看海尔怎样把创意变成现实</p>
                <p><a href="#">> 开始体验</a></p>
            </div>
            <div class="module_box">
                <h3>家电实景体验APP</h3>
                <p>家装风格和家电的完美搭配哪款<br>
                    家电更适合你的家居风格</p>
                <p><a href="#">> 抢先体验</a></p>
            </div>

        </div>

    </div>
    <!-- end -->
    <!-- bottom start -->
    <div class="bottom">
        <div class="w clearfix ">
            <div class="bottom_box">
                <div class="bottom_l">
                    <p class="p1">Haier 全球</p>
                    <p class="p2">国家/语言 <img src="img/guoqi.png" alt=""><span>China/中文</span> </p>
                    <p class="p3">与海尔互动</p>
                    <p><img src="img/weibo.png" alt=""></p>
                    <p class="p5"><input class="inp2" type="text" value="请输入搜索关键词"><label for=""><img
                                src="img/search.png" alt=""></label></p>
                </div>
                <div class="bottom_l bottom_r">
                    <p class="p1">海尔产品</p>
                    <p class="p2"> <img src="img/jiadian.png" alt=""></p>
                    <p class="p3">服务与支持</p>
                    <p>服务与支持首页&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;服务预约 &nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;下载中心 |
                        &nbsp;&nbsp;&nbsp;服务政策 &nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;海尔服务点 &nbsp;&nbsp;&nbsp;|
                        &nbsp;&nbsp;&nbsp;产品注册</p>

                    <p class="p3">海尔创新</p>
                    <p>智能云家电 &nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;海尔创意工场 &nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;家居体验馆
                        &nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;家电实景APP &nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;营销活动 </p>

                </div>
            </div>
            <p class="bottom_pb">关于海尔&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp; 新闻中心&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;
                联系我们 &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; 法律声明 &nbsp;&nbsp;| 鲁ＩＣＰ备０９０９６２８３　|　Ｃｏｐｙｒｉｇｈｔ　＠２０１３海尔集团　版权所有
            </p>
        </div>
    </div>

    <!-- end -->

</body>

</html>